<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本选择器</title>
    <style>
        /*
            基本选择器的优先级
            id选择器>class选择器>标签选择器>*选择器
        */
        #d1{
            color:red;
        }
        .c1{
            color:green;
        }
        div{
            color:blue;
        }
        *{
            color:purple;
        }
    </style>
</head>
<body>
<div id="d1" class="c1">第1个div</div>
<div class="c1">第2个div</div>
<div class="c1">第3个div</div>
<div class="c1">第4个div</div>
<div>第5个div</div>
<div>第6个div</div>
<p class="c1">第1个段落</p>
<p>第2个段落</p>
<p>第3个段落</p>
<span class="c1">第1个span</span><span>第2个span</span><span>第3个span</span>
</body>
</html>